<template>
	<view>
		<!-- <view class="status" :style="[{height:statusBar+ 'px'}]" ></view>
		<view class="navigation" :style="[{top:statusBar+ 'px'}]">
			<image src="/static/images/back.png" class="back" @click="back()" mode=""></image>
			<view class="navigation-title"></view>
		</view>
		<view class="navigation-position"></view> -->
		<!-- <web-view class="web-view" :src="src"></web-view> -->
		<!-- <view class="agreement-content">
			<web-view class="web-view" src="https://littleshop.oss-cn-beijing.aliyuncs.com/others/hlg_2021.pdf" allow="fullscreen"></web-view>
		</view> -->
		<web-view class="web-view" :src="src"></web-view>
	</view>
	
</template>

<script>
	import store from "store"
	import {mapGetters,mapMutations,mapActions} from 'vuex'
	export default {
		store,
		computed:{
			...mapGetters([
				'user',
				'statusBar'
			])
		},
		data(){
			return {
				src:"https://littleshop.oss-cn-beijing.aliyuncs.com/others/hlg_2021.pdf"
			}
		},
		onShow() {
			// window.location.href = "https://littleshop.oss-cn-beijing.aliyuncs.com/others/hlg_2021.pdf"
			uni.downloadFile({
			  url: 'https://littleshop.oss-cn-beijing.aliyuncs.com/others/hlg_2021.pdf',
			  success: function (res) {
			    var filePath = res.tempFilePath;
			    uni.openDocument({
			      filePath: filePath,
			      showMenu: true,
			      success: function (res) {
			      }
			    });
			  }
			});
		}
		
	}
</script>

<style scoped lang="scss">
	page{
		width: 100%;
		background: #F6F6F6;
	}
	.status {
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 99;
		background: #F6F6F6;
	}
	.navigation{
		width: 100%;
		height: 100rpx;
		background: #F6F6F6;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		left:0;
		top:0;
		z-index:99;
	}
	.navigation-position{
		width: 100%;
		height: 100rpx;
		background: rgba(0,0,0,0);
	}
	.back{
		display: block;
		width: 48rpx;
		height: 48rpx;
		position: absolute;
		top: 26rpx;
		left:32rpx;
	}
	.navigation-title{
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}
	.agreement-content{
		width:750rpx;
		.web-view{
			width:750rpx;
		}
	}
	
	uni-resize-sensor, uni-resize-sensor>div{
		width:750rpx;
	}
</style>
